<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>模板1</title>
    <link rel="stylesheet" href="./assets/layui/css/layui.css">
    <link rel="stylesheet/less" href="./common/index.less">
    <script src="./assets/less.min.js"></script>
</head>

<body>
    <div class="layui-container">
        <div class="layui-row">
            <div class="layui-col-md4">
                <div class="grid-demo">欢迎光临模板1</div>
            </div>
            <div class="layui-col-md4 layui-col-md-offset4 con-right">
                <div class="grid-demo">
                    <div class="layui-btn-group">
                        <button class="layui-btn layui-btn-primary layui-btn-sm">
                            设置首页
                        </button>
                        <button class="layui-btn layui-btn-primary layui-btn-sm">
                            收藏本站
                        </button>
                        <button class="layui-btn layui-btn-primary layui-btn-sm">
                            登录
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <hr>
        <div class="layui-row">
            <div class="layui-col-md12">
                <ul class="layui-nav layui-bg-theme">
                    <li class="layui-nav-item layui-this">
                        <a href="">首页</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">关于我们</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">产品展示</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">文章展示</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="">国际最新</a>
                            </dd>
                            <dd>
                                <a href="">文采共享</a>
                            </dd>
                            <dd>
                                <a href="">科技先驱</a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md12">
                <div class="grid-demo banner">
                </div>
            </div>
        </div>
        <hr>
        <div class="layui-row layui-col-space5">
            <div class="layui-col-md3">
                <fieldset class="layui-elem-field">
                    <legend>新闻信息</legend>
                    <div class="layui-field-box">
                        <ul class="i-list new-list">
                            <li>
                                <a href="list.html">
                                    <img src="./static/images/thumbnail.jpg" />
                                    <span class="text">文本啊</span>
                                </a>
                            </li>
                            <hr>
                            <li>
                                <a>
                                    <img src="./static/images/thumbnail.jpg" />
                                    <span class="text">文本啊</span>
                                </a>
                            </li>
                            <hr>
                            <li>
                                <a>
                                    <img src="./static/images/thumbnail.jpg" />
                                    <span class="text">文本啊</span>
                                </a>
                            </li>
                            <hr>
                            <li>
                                <a>
                                    <img src="./static/images/thumbnail.jpg" />
                                    <span class="text">文本啊</span>
                                </a>
                            </li>
                            <hr>
                            <li>
                                <a>
                                    <img src="./static/images/thumbnail.jpg" />
                                    <span class="text">文本啊</span>
                                </a>
                            </li>
                            <hr>
                            <li>
                                <a>
                                    <img src="./static/images/thumbnail.jpg" />
                                    <span class="text">文本啊</span>
                                </a>
                            </li>
                            <hr>
                            <li>
                                <a>
                                    <img src="./static/images/thumbnail.jpg" />
                                    <span class="text">文本啊</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </fieldset>
            </div>
            <div class="layui-col-md6">
                <fieldset class="layui-elem-field">
                    <legend>最新公文</legend>
                    <div class="layui-field-box">
                        <ul class="i-list doc-list">
                            <li>
                                <a href="list.html">
                                    <span>文本啊aaaaaaaaaaaaaaaa啊啊啊啊啊啊啊啊啊啊啊啊啊</span>
                                </a>
                            </li>
                            <hr>
                            <li>
                                <a>
                                    <span>文本啊</span>
                                </a>
                            </li>
                            <hr>
                            <li>
                                <a>
                                    <span>文本啊</span>
                                </a>
                            </li>
                            <hr>
                            <li>
                                <a>
                                    <span>文本啊aaaaaaaaaaaaaaaa啊啊啊啊啊啊啊啊啊啊啊啊啊</span>
                                </a>
                            </li>
                            <hr>
                            <li>
                                <a>
                                    <span>文本啊aaaaaaaaaaaaaaaa啊啊啊啊啊啊啊啊啊啊啊啊啊</span>
                                </a>
                            </li>
                            <hr>
                            <li>
                                <a>
                                    <span>文本啊aaaaaaaaaaaaaaaa啊啊啊啊啊啊啊啊啊啊啊啊啊</span>
                                </a>
                            </li>
                            <hr>
                            <li>
                                <a>
                                    <span>文本啊aaaaaaaaaaaaaaaa啊啊啊啊啊啊啊啊啊啊啊啊啊</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </fieldset>

            </div>
            <div class="layui-col-md3">
                <fieldset class="layui-elem-field">
                    <legend>文章小看</legend>
                    <div class="layui-field-box">
                        <p class="brief">大二夏天在闷热的寝室里，LOL推高不成反被翻盘之后，我抽完一根烟正在思考我的LOSER人生，突然一个想法冒了出来：为什么不多读读名著呢？于是我删掉了LOL和WOW，上亚马逊买了一本加西亚马尔克斯的《百年孤独》，为了凑单免运费我还买了本马伯庸的《古董局中局》。三天之后亚马逊快递小哥（其实很老有三四十岁了）捧着小盒子到我寝室楼下了，
                            我从盒子里掏出那本被撞坏了3个角的书，一边咒骂亚马逊一边开始了我的名著阅读初体验。
                        </p>
                    </div>
                </fieldset>
            </div>
        </div>
        <hr>
        <div class="layui-row layui-col-space5">
            <div class="layui-col-md9">
                <fieldset class="layui-elem-field layui-field-title">
                    <legend>主推产品</legend>
                    <div class="layui-field-box">
                        <div class="m-product">
                            <img src="./static/images/thumbnail.jpg">
                            <p class="brief">大二夏天在闷热的寝室里，LOL推高不成反被翻盘之后，我抽完一根烟正在思考我的LOSER人生，突然一个想法冒了出来：为什么不多读读名著呢？于是我删掉了LOL和WOW，上亚马逊买了一本加西亚马尔克斯的《百年孤独》，为了凑单免运费我还买了本马伯庸的《古董局中局》。三天之后亚马逊快递小哥（其实很老有三四十岁了）捧着小盒子到我寝室楼下了，
                                我从盒子里掏出那本被撞坏了3个角的书，一边咒骂亚马逊一边开始了我的名著阅读初体验。
                            </p>
                            <p class="brief">大二夏天在闷热的寝室里，LOL推高不成反被翻盘之后，我抽完一根烟正在思考我的LOSER人生，突然一个想法冒了出来：为什么不多读读名著呢？于是我删掉了LOL和WOW，上亚马逊买了一本加西亚马尔克斯的《百年孤独》，为了凑单免运费我还买了本马伯庸的《古董局中局》。三天之后亚马逊快递小哥（其实很老有三四十岁了）捧着小盒子到我寝室楼下了，
                                我从盒子里掏出那本被撞坏了3个角的书，一边咒骂亚马逊一边开始了我的名著阅读初体验。
                            </p>
                        </div>

                    </div>
                </fieldset>
            </div>
            <div class="layui-col-md3">
                <div class="special-box">
                    <img src="./static/images/thumbnail.jpg" alt="">
                    <p class="layui-anim layui-anim-up">这是一段说明名字</p>
                </div>
            </div>
        </div>
        <hr>
        <div class="layui-row">
            <div class="layui-col-md12 foot">
                <div class="f-bc">
                    <span class="layui-breadcrumb" lay-separator="|">
                        <a href="">娱乐</a>
                        <a href="">八卦</a>
                        <a href="">体育</a>
                        <a href="">搞笑</a>
                        <a href="">视频</a>
                        <a href="">游戏</a>
                        <a href="">综艺</a>
                    </span>
                </div>
                <div>
                    <p>©2018 Baidu 京公网安备11000002000001号</p>
                </div>
            </div>
        </div>
    </div>
    <script src="./assets/layui/layui.all.js"></script>
</body>

</html>